.musicPlaylist {
    width: 100vw;
    height: 100%;
    overflow: hidden;
}
/*返回*/
.musicPlaylist .musicPlaylistBack {
    position: absolute;
    font-size: 2rem;
    font-weight: bold;
    left: 3rem;
    top: 3rem;
    color: white;
    z-index: 10;
}

.musicPlaylist .musicPlaylistBack span {
    margin-left: 1rem;
}

/*歌单上方信息、背景等*/
.musicPlaylistTop {
    position: relative;
}

.musicPlaylist .musicPlaylistTop img {
    width: 100vw;
    height: 20rem;
}

.musicPlaylist .musicPlaylistTop #musicPlaylistBackground {
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
    filter: blur(2rem);
    height: 20rem;
}

.musicPlaylist .musicPlaylistTop .musicPlayListInfo {
    position: absolute;
    display: flex;
    bottom: 1.5rem;
    height: 12.5rem;
    left: 1rem;
    font-size: 2rem;
    color: white;
}

.musicPlaylist .musicPlaylistTop .musicPlayListInfo #musicPlaylistPic {
    width: 10rem;
    height: 10rem;
    margin-left: 1rem;
    border-radius: 1.3rem;
    margin-top: 1rem;
    /*justify-content: center;*/
}

.musicPlaylist .musicPlaylistTop .musicPlayListInfo .albumMetadata {
    display: flex;
    margin-left: 1rem;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.musicPlaylist .musicPlaylistTop .musicPlayListInfo .albumMetadata #albumTitle {
    font-size: 1.75rem;
    width: 22rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 3.5rem;
}

.musicPlaylist .musicPlaylistTop .musicPlayListInfo .albumMetadata #albumCreator {
    margin-top: 1rem;
    font-size: 1.75rem;
}
.musicPlaylist .musicPlaylistTop .musicPlayListInfo .albumMetadata #albumCreator img {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
}

.musicPlaylist .musicPlaylistTop .musicPlayListInfo .albumMetadata #albumIntroduction {
    font-size: 1.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.8rem;
    width: 22rem;
    color: lightgray;
    height: 5.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3   ;
    -webkit-box-orient: vertical;
}

/*歌单列表*/
.musicPlaylist .musicPlayListMainList {
    border-top-left-radius: 1.3rem;
    border-top-right-radius: 1.3rem;
}

.musicPlaylist .musicPlayListMainList #musicPlaylistSongTitle {
    font-size: 2rem;
    height: 4rem;
    line-height: 4rem;
    font-weight: bold;
}

.musicPlaylist .musicPlayListMainList #musicPlaylistSongTitle i {
    font-size: 2.5rem;
    margin: 0 1.5rem;
    color: red;
}

.musicPlaylist .musicPlayListMainList #musicPlaylistSongsList {
    /*border-radius: 1.3rem 1.3rem 0 0;*/
    width: 95%;
    height: 41rem;
    margin: 0 auto;
    overflow: auto;
}

.musicPlaylist .musicPlayListMainList #musicPlaylistSongsList .musicPlayListLi {
    display: flex;
    height: 4rem;
    align-items: center;
    margin: 1.2rem 0;
    padding: 1rem;
    position: relative;
}
/*分割线*/
/*.musicPlaylist .musicPlayListMainList #musicPlaylistSongsList li::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width: 95%;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    height: 0.03rem;*/
/*    background-color: lightgrey;*/
/*}*/

.musicPlaylist .musicPlayListMainList #musicPlaylistSongsList .musicPlayListLi img {
    width: 5rem;
    height: 5rem;
    border-radius: 1.5rem;
}

.musicPlaylist .musicPlayListMainList #musicPlaylistSongsList .musicPlayListLi .songInfo {
    margin-left: 1rem;
    width: 27rem;
}

.musicPlaylist .musicPlayListMainList #musicPlaylistSongsList .musicPlayListLi .songInfo .songName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 2rem;
}

.musicPlaylist .musicPlayListMainList #musicPlaylistSongsList .musicPlayListLi .songInfo .songAuthor {
    font-size: 1.5rem;
}